@charset "utf-8";
/* CSS Document */

body{font-family:"微软雅黑";font-size:12px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
ul,ol,li{list-style:none;padding:0;}

/*公共样式*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none;margin:0 auto;}
.fb{font-weight:bold;}
em,i{font-style:normal;}
.clearfix:after{clear:both;content:"";visibility:hidden;height:0;display:block;}

/*color*/
.colW{color:white;}
.col9{color:#999;}
.colB{color:#188afe;}
.colR{color:#ff5757;}
.colC{color:#00cba7;}
.colG{color:#c1c5ca;}

/*background*/
.bgC{background:#f1f1f1;}

.br0{border:none;}


/*font-size*/
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}
.f36{font-size:36px;}

/*padding和margin*/
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt190{padding-top:190px;}
.pl150{padding-left:150px;}
.ptb30{padding-top:30px;padding-bottom:30px;}
.plr2{padding-left:2%;padding-right:2%;}
.pad10{padding:10px;}
.margin0{margin:0px;}
.mt0{margin-top:0px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.ml1{margin-left:1%;}
.ml2{margin-left:2%;}
.ml4{margin-left:4%;}
.ml10{margin-left:7%;}
.ml70{margin-left:70px;}
.ml60{margin-left:-60px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb40{margin-bottom:40px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb30{margin-top:30px;margin-bottom:30px;}

.line35{line-height:35px;}

/*input*/
.input-left{padding-left:60px;border:none;background:#fff;}

/*隐藏*/
.d-none{display:none;}

/*按钮*/
.btn-s,.btn-150,.btn-170,.btn-180,.btn-12,.btn-15,.btn-100,.btn-330,.btn-280{width:280px;height:45px;font-size:16px;color:#fff;line-height:30px;background:#188afe;}
.reset{background:#00cba7;}
.btn-w{background:#fff;width:100px;height:28px;border:1px solid #d9d9d9;text-align:center;line-height:14px;color:#656565;}
.btn:hover{background:#1782ef;color:#fff;}
.reset:hover{background:#01be9c;}
.btn-y,.btn-c{height:42px;line-height:37px;color:#fff;padding:0 4%;font-size:14px;background:#4dbac0;}
.btn-c{background:#acacac;}
.btn-cyan{background:#00cba7;}
.btn-y:hover{background:#47aaaf;}
.btn-c:hover{background:#9c9b9b;}
.btn-cyan:hover{background:#00bd9b;}
.btn-s:hover,.btn-y:hover,.btn-c:hover,.btn-15{color:#fff;}
.btn-100{width:100px;height:35px;line-height:24px;}
.btn-12{width:12%;}
.btn-15{width:15%;}
.btn-40{width:40%;}
.btn-50{width:50%;}
.btn-120{width:25%;}
.btn-150{width:150px;height:35px;line-height:22px;}
.btn-170{width:150px;}
.btn-180{width:180px;}
.btn-110{width:110px;padding:0 2%;}
.btn-330{width:330px;}
.btn-280{width:280px;}
.h34{height:34px;line-height:22px;}


/*-----登录------*/
.wrap{background:url(../images/bg.gif);}
.header{padding:16px 0 11px;font-size:14px;color:#fff;}
.header .tip{padding-top:14px;text-align:right;}
.header .tip a{display:none;}

.content .c-left{float:left;width:350px;padding:0 0 180px 57px;}
.re-btn{width:225px;height:38px;line-height:38px;display:inline-block;color:#5cdeff;border:1px solid #5cdeff;font-size:15px;text-align:center;background:rgba(92,222,255,.3);}
.re-btn:hover{color:#fff;}
.content .c-right{float:right;width:380px;margin-right:100px;padding-top:85px;}

.box{position:relative;margin:0 auto;background:#fff;color:#595959;font-size:14px}
.login-box{height:330px;}
.form{margin:0 auto;padding-top:17px}
.form,.login-content{width:100%;max-width:500px}
.login-content{float:left;background-color:rgba(255,250,255,.6)}
.input-group{margin:0 0 21px}
.form-control,.input-group{height:42px}

.box .col-xs-12,.box .col-xs-6{padding-right:2pc;padding-left:2pc}
.login-title{padding:10px 10px 0}
.login-title h1{margin-top:10px!important;margin-bottom:0;padding:0 10px 20px;border-bottom:1px solid #e2e2e2;color:#595959;font-size:19px}
.link p{margin-top:0;line-height:20px;}
.link p a{color:#595959}
.btn-sm{padding:8px 24px!important;font-size:1pc!important}

/*footer*/
.footer{padding-top:23px;padding-bottom:100px;margin-top:40px;color:#999;font-size:13px;text-align:center;background:#f5f5f5;}
.footer p{line-height:24px;margin-bottom:0;}

/*忘记密码弹出层*/
.modal-header .close{font-size:22px;font-weight:normal;color:#000;opacity:1;}
.modal-dialog{width:480px;font-size:14px;}
.modal-header{padding:13px 13px 13px 0;margin:0 10px;}
.modal h4{margin:0;}
.modal h4 span{padding:0 10px 11px;border-bottom:2px solid #188afe;}
.icon {width:120px;height:120px;display:inline-block;border-radius:60px;border:2px solid #59bfc4;text-align:center;background:url(../images/icon-1.png) no-repeat center;}
.i-mail{border-color:#ff9595;background-image:url(../images/icon-2.png);margin-left:80px;}
.icon span{position:relative;bottom:-130px;color:#393939;}
.modal-body{padding-bottom:25px;padding-top:30px;}
.modal-pad{padding-bottom:75px;}
.modal-356{width:356px;}
.modal-400{width:400px;}
.modal-516{width:516px;}
.input-group .input-160{width:50%;}
.ok,.remove{width:96px;height:96px;line-height: 96px;font-size:60px;color:#fff;border-radius:48px;background:#00cba7;text-align:center;}
.remove{background:#ff7373;}

.tips{color:#ff7f7f;margin:0 5% 10px;}
.input-group .input-220{width:220px;}

.noborder{border:none;}

/*-----注册------*/
.register-box{height:448px;}
.register-box .link p{margin-left:0;}
.register-box .col-xs-4{padding-left:0;}
.register-box .link p a{color:#188afe;text-decoration:underline;}
/*用户协议-弹层*/
.modal-870{width:870px;}
.pact{margin-bottom:10px;padding:5px 22px;color:#797979;height:400px;overflow:auto;}


/*导航*/
.header-out{background:#020911;height:76px;position:relative;z-index:100;}
.header-in{padding:0;}
.navbar .nav > li:hover .dropdown-menu {display: block;}
.nav > li > a:focus, .nav > li > a:hover {background-color:#020911;}
.navbar-toggle{border-color:#fff;}
.navbar-toggle .icon-bar{background-color:#fff;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background:#020911}
.nav-own{background:none;margin:0;font-size:18px;}
.nav-own li>a{line-height:43px;width:150px;text-align:center;color:#fff;}
.nav .dropdown-menu{background:#04121f;width:150px;min-width:152px;}
.nav .dropdown-menu > li > a:focus,.nav .dropdown-menu > li > a:hover {background-color: #08223a;color: #188afe;}
.user{padding-top:25px;}

/*-----产品中心------*/
/*产品中心-内容*/
.title{border-bottom:2px solid #e2e2e2;font-weight:bold;padding:30px 0 20px;}
.title span {border-bottom: 2px solid #188afe;padding: 0 25px 15px;}
.items{overflow:hidden;padding:64px 23px 10px;}
.items li{float:left;width:350px;margin-right:50px;margin-bottom:60px;height:250px;}
.items li:nth-child(3),.items li:nth-child(6){margin-right:0;}
.item{border:1px solid #c3c6c6;text-align:center;/*padding:10% 0 24%;*/height:100%;position:relative;cursor:pointer;}
.item-1{padding:16% 0;}
.item-box{ width:100%; height:0; overflow:hidden; position:absolute; left:0; top:0; background:rgba(47,149,254,0.9);font-size:14px; color:#fff;}
.item-box span{color:#fff;background:rgba(89,170,254,0.4);border:1px solid #fff;line-height:45px;width:50%;display:inline-block;position:absolute;top:40%;left:25%;}
.icon-0{border:1px dashed #d6d6d6;border-radius:10%;width:30%;height:70%;background:#f2f2f2 url(../images/icon-9.png) no-repeat scroll center;}
.icon-0,.icon-1{display:inline-block;text-align:center}
.icon-1{width:40%;height:50%;margin-top:15%;border:1px solid #188afe;border-radius:10%;background:transparent url(../images/icon-3.png) no-repeat scroll center center}
.icon-1 span{position:relative;bottom:-140px;color:#595959;font-weight:700;font-size:20px}
.icon-2{background-image:url(../images/icon-5.png);}
.icon-3{background-image:url(../images/icon-6.png);}
.icon-4{background-image:url(../images/icon-7.png);}
.icon-5{background-image:url(../images/icon-8.png);}
.icon-6{background-image:url(../images/icon-9.png);}

/*ISP*/
.i-content{padding:0px 70px;}
.i-content .d-data{line-height:50px;}
.tip-1{background:#f5f5f5 url(../images/icon-25.png) no-repeat 5px center;line-height:36px;padding-left:30px;}
.d-data-1 label{padding-left:55px;line-height:50px;}
.i-content .d-data-1{width:80%;}
.d-data-1 .form-control{height:34px;margin-top:7px;}
.i-content .use-age h2{margin-left:37px;}
.i-content .mb140{margin-bottom:140px;}

/*IDC*/
.select-item select{border: 1px solid #ccc;height: 34px;padding-left: 10px;width: 206px;}
#option-1{display:none;}


/*---------合同管理------------*/
.c-content{padding:60px 50px 10px; }
.c-menu{line-height:34px;height:65px;font-size:15px;color:#797979;overflow:hidden;}
.c-menu>span{float:left;}
.c-menu .int-193{width:180px;height:34px;line-height:34px;}
.c-menu label{color:#797979;font-weight:normal;}
.c-menu .dateNow{float:none;display:inline-block;}
.c-menu-r{margin-left:70px;float:left;margin-right:10px;}
.c-menu select{width:195px;height:34px;padding-left:10px;border:1px solid #ccc;}
.pagination{margin:0 auto 10px;display:block;height:30px;width:35%;}

.c-data table{width:100%;color:#8391a1;font-size:14px;line-height:2;border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8;}
.c-data th{font-size:16px;color:#59708b;font-weight:bold;background:#eee;line-height:56px;}
.c-data td,.c-data th{border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding-left:5px;}
.c-data td{background:#fff;line-height:45px;}

/*---------个人中心---------*/
.breadcrumb{font-size:13px;height:59px;line-height:45px;background:#fff;}
.breadcrumb a{color:#999;}
.p-content{width:1050px;padding:30px 0;margin:0 auto;font-size:15px;}
.p-content .form-group{margin-bottom:28px;width:750px;line-height:35px;}
.form-horizontal .control-label{color:#797979;font-weight:normal;padding:0;}
.p-content .form-control{display: inline-block;}
.p-content span{font-size:12px;}
hr{padding-top:20px;margin:0;}
.l-content{width:1000px;margin:60px auto 260px;text-align:center;color:#595959;}
.icon-7{background-image:url(../images/icon-17.png);}
.icon-8{background-image:url(../images/icon-14.png);}
.icon-9{background-image:url(../images/icon-12.png);}
.i-edit{background-image:url(../images/icon-10.png);}
.icon-7:hover{background-image:url(../images/icon-16.png); }
.icon-8:hover{background-image:url(../images/icon-15.png); }
.icon-9:hover{background-image:url(../images/icon-13.png); }
.i-edit:hover{background-image:url(../images/icon-11.png);}
.i-radius{border-radius:10px;border-color:#cecece;margin-left:200px;}
.i-radius span{color:#595959;}
.i-radius:first-child{margin-left:0;}
.i-radius:hover{border-color:#208efe;}

.way {padding-bottom:0;}
.way .form-control{height:34px;}
.way .btn-y,.way  .btn-c{height:34px;line-height:30px;}
.way .form-group {margin-bottom:30px;}   

.forget{font-size:12px;margin-left:-58px;}
.icon-10{background-image:url(../images/icon-19.png);}
.icon-11{background-image:url(../images/icon-21.png);}
.icon-10:hover{background-image:url(../images/icon-18.png); }
.icon-11:hover{background-image:url(../images/icon-20.png); }

#myTab-2 a{color:#999;line-height:30px;}
#myTab-2 a:hover{border-bottom:2px solid  #188afe;}
#myTab-2> li.active > a, #myTab-2 > li.active > a:focus, #myTab-2 > li.active > a:hover { border-color: transparent transparent #188afe;border-bottom-width: 2px;font-size:17px;color:#595959;font-weight:normal;
}
.tab-top{background:#eee;padding:10px 5%;color:#8391a1;overflow:hidden;}
.tab-top h3{color:#59708b;margin:0 0 10px;}
.tab-top-con{float:left;width:50%;}
.tab-top-con p{width:70%;}
.tab-bottom{overflow:hidden;border:1px solid #e8e8e8;margin-top:18px;}

#myTab-3{float:left;width:26%;border-bottom:none;}
#myTab-3 li{margin-bottom:0;}
#myTab-3 a{color:#8391a1;line-height:40px;border:none;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
#myTab-3 li:last-child a{border-bottom:none;}
#myTab-3 li{float:none;}
#myTab-3 a:hover{border:none;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
#myTab-3> li.active > a, #myTab-3 > li.active > a:focus, #myTab-3 > li.active > a:hover{font-size:16px;border:none;border-bottom:1px solid #e8e8e8;border-right-color:transparent;}
#myTabContent-3{float:left;width:60%;padding-left:5%;padding-top:2%;color:#8391a1;}
#myTabContent-3 label{width:40%;margin-left:0;line-height:40px;}
#myTabContent-3 .form-group{margin-bottom:10px;}
#myTabContent-3 p{text-align:center;width:65%;margin:3% auto 0;font-size:14px;line-height:1.5;}

/*--------资金管理---------*/
.icon-12{background-image:url(../images/icon-22.png);}
.icon-13{background-image:url(../images/icon-23.png);}
.icon-14{background-image:url(../images/icon-24.png);}
.way-1 .form-horizontal .control-label{padding-top:7px;}
.way-1 .form-group{margin-bottom:20px;}
.width55 .pagination{width:60%;}

/*--------我的业务---------*/
/*订单管理*/
.nav-tabs > li > a{/*border-bottom:1px solid #e2e2e2;*/color:#595959;outline:none;padding:10px 30px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{border-color:#188afe #e2e2e2 transparent;border-top-width:2px;font-weight:bold;}
.nav-tabs > li>a:hover{background:#fff;}
.c-menu .int-110{width:120px;height:34px;line-height:34px;}
.tab-content .c-menu select{width:110px;}
.tab-content .c-menu-r{margin-left:30px;}
a.colC:hover{color:#01bb9a;}

.title-1{border-bottom:1px solid #e2e2e2;font-weight:bold;padding:15px 0;text-align:left;font-size:17px;margin:0 0 15px;}
.title-1 span {border-bottom: 2px solid #188afe;padding: 0 25px 13px;}
.pt0{padding-top:0;}
.d-data{overflow:hidden;width:82%;color:#797979;line-height:34px;font-size:15px;}
.d-data label{font-weight:normal;color:#797979;font-size:15px;padding-right:0;}
.d-data div{padding-left:0;}
.lineWrap{float:left;width:50%;}

/*合同生成*/
.ct-content{color:#797979;}
.ct-row label{font-weight:normal;text-align:right;line-height:34px;color:#797979;padding-right:0;}
.ct-row{overflow:hidden;}
.ct-left{float:left;width:40%;}
.ct-right{float:right;width:40%;}
.ct-row .form-control{line-height:34px;height:34px;}
.ct-row .form-group{margin-bottom:30px;}
.pact-1{background:#f7f7f7;margin:10px 4%;height:800px;}


/*业务详情*/
.title-2{background-color:#eee;padding:15px 18px;font-size:14px;height:96px;line-height:30px;color:#8391a1;}
.title-2 h4{margin-bottom:15px;color:#59708b;}
.t-left{width:30%;float:left;border-right:1px solid #9aa7b6;}
.t-right{width:60%;padding-left:3%;float:left;}
.t-right span{display:inline-block;width:32%;}

.use-age {overflow:hidden;line-height:40px;width: 100%;margin-bottom: 15px; margin-top: 0;font-size:15px;color:#999;}
.use-age h2 {color: #797979;margin:0;line-height:40px;font-size:15px;}
.uc-slider { margin: 14px 10px 0 5px;position: relative;width: 500px;}
.use-age span {padding-left:10px;}
input#buy_num, input#tot_volume, input#buy_num_1, input#tot_volume_1, input#buy_num_2, input#tot_volume_2 {font-size: 12px;height: 22px;line-height: 22px; margin: -3px 0 0 5px;padding: 0;width: 40px;
}
.plr30{padding-left:30px;padding-right:30px;}




/*手机端*/
@media (max-width: 768px){

/*------登录------*/
.wrap{background:none;}
.header,.content{width:100%;}
.header{background:#03101a;margin:0;padding:5px 0;}
.header img{width:100px;}
.header .tip{padding-top:4px;}
.content{margin-left:auto;margin-right:auto;}
.content .c-left{display:none;}
.content .c-right{width:100%;margin-right:0;padding:15px 0;}
.login-box{height:320px;width:100%;} 
.tip span{display:none;}
.header .tip a{display:block;color:#fff;padding-top:2px;}
.pad0{padding:0;}
.btn-sr{width:70%;}
/*footer*/
.footer{padding-bottom:20px;margin-top:20px;}

/*弹出层*/
/*忘记密码*/
.modal-dialog{width:85%;margin:0 auto;}
.icon{width:60px;height:60px;border-radius:30px;background-size:12px}
.i-mail{background-size:20px}
.icon span{bottom:-60px;}
.modal-pad{padding-bottom:45px;}
.ok,.remove{width:60px;height:60px;line-height: 60px;font-size:30px;color:#fff;border-radius:30px;background:#00cba7;text-align:center;}
.remove{background:#ff7373;}
.input-group .input-220{width:100%;}
.input-left{padding-left:5px;}
.ml80{margin-left:10%;}
.btn-120{width:32%;}

/*-----注册------*/
.ml10{margin-left:3%;}
.pact{padding:0 2%;height:250px;}
.btn-15{width:25%}

/*----产品中心-----*/
.title{padding:15px 0 10px;font-size:20px; }
.title span{padding:0 15px 5px;}
.items{padding:15px 10px;}
.items li{width:47%;margin-right:4%;margin-bottom:10px;height:130px;}
.items li:nth-child(3){margin-right:4%;}
.items li:nth-child(2n){margin-right:0;}
.icon-1,.icon-0{background-size:45px;}
.icon-3,.icon-4,.icon-5{background-size:35px;}
.icon-1 span{font-size:13px;bottom:-120%;font-weight:normal;}
.item-box span{line-height:30px;}
.icon-1{height:45%;}
.col-xs-4{text-align:right;}

.btn-330{width:100%;}
.i-content{padding:0 1%;}
.i-content .d-data{line-height:30px;}
.i-content .mb40{margin-bottom:15px;}
.i-content .mt70{margin-top:15px;}

.d-data-1 label{padding-left:5px;text-align:right;}
.d-display{display:block;float:none;margin-left:33%;}
.i-content-1 .d-data-1{width:100%;}
.i-content-1 .form-group{margin-bottom:0;}
.i-content .mb140{margin-bottom:20px;}

.select-item select{width:60%;margin-left:10px;}

/*-----合同管理-----*/
.c-content{padding:15px 2% 10px;}
.c-menu{height:auto;}
.c-menu .int-193{width:30%;padding-left:0;padding-right:0;}
.c-menu-r{margin-left:10px;}
.c-menu>span.input-prepend {margin-bottom:5px;}
.c-menu select{width:57%;}
.btn-150{width:30%;}
.btn-170{width:40%;}
.pagination{width:90%;}
.pagination > li > a, .pagination > li > span{padding:3px 5px;}

/*----个人中心-----*/
.p-content{width:100%;padding:10px 0;}
.p-content .form-group{margin-bottom:15px;width:102%;}
.btn-180{width:38%;}
.ml100{margin-left:8%;}
.l-content{width:100%;margin-bottom:45px;}
.i-radius{border-radius:5px;width:90px;height:90px;font-size:14px;border-color:#cecece;margin-left:13%;}
.icon-7{background-size:16px;}
.icon-8{background-size:25px;}
.icon-9{background-size:20px;}
.i-edit{background-size:20px;}
.i-radius span {bottom: -95px;font-size:13px;}

.forget{margin-left:-25px;}
.btn-280{width:100%;}
.icon-10{background-size:30px;}
.icon-11{background-size:30px;}
.way .form-group{margin-bottom:10px;}
.ml60{margin-left:-10%;}
.btn-110{padding:0 2%;width:auto;}

/*----资金管理----*/
.icon-12{background-size:30px;}
.icon-13{background-size:30px;}
.icon-14{background-size:30px;}
.pl150{padding-left:15%;}
.btn-12{width:35%;}
.c-menu .dateNow{margin-bottom:1px;}
.width55 .pagination{width:85%;}
.mb70{margin-bottom:20%;}

 /*----我的业务----*/
/*订单管理*/
.tab-content .input-prepend {display:block;margin-left:-17px;}
.tab-content .input-group{display:block;float:none;margin-bottom:5px;}
.tab-content .c-menu-r{margin-left:0;float:none;margin-bottom:5px;display:block;}
.tab-content .c-menu a{display:block;margin:0 auto;}
.tab-content .c-menu .int-110{width:30%;}
.d-data{width:100%}
.lineWrap{display:block;float:none;width:100%;overflow:hidden;}
.lineWrap label{width:40%;float:left;}
.lineWrap div{width:50%;float:left;}


.title-2{height:auto;}
.t-left{width:100%;float:none;border-right:none;border-bottom:1px solid #9aa7b6;}
.t-right{width:100%;float:none;padding:0;}
.t-right span{display:inline-block;width:40%;}

.ct-left,.ct-right{float:none;width:100%;overflow:hidden;}
.ct-row .form-group{margin-bottom:10px;}
.pact-1{margin:10px 4%;height:300px;}
.ct-content .mb80{margin-bottom:20px;}
.ct-content .btn-280{width:80%;}

/*2016-4-15*/
.btn-mail{width:50%;padding:6px 5px;}
}

































